<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>图像信息列表</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/tip.css}"/>
    <script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
    <script type="text/javascript" th:src="@{/js/layer/tip.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-list" aria-hidden="true"></i>图像信息列表</h3>
                        <form id="form" name="form" th:action="@{/houseImage/getAll}" th:method="post"
                              th:object="${houseImageForm}">
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span8">
                                    &nbsp;
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span4">
                                            <span class="input_text">图像类型:</span>
                                        </div>
                                        <div class="span8">
                                            <select th:field="*{type}" id="type" name="type" class="input_fix">
                                                <option value="">全部</option>
                                                <option th:each="type : ${T(xyz.ibenben.zhongdian.system.entity.enums.ImageTypeEnum).values()}"
                                                        th:value="${type}" th:text="${type.text}"></option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <button class="btn btn-info" style="float: right;" type="button"
                                            onclick="pagechange(1);"><i class="fa fa-search"
                                                                        aria-hidden="true"></i>查询
                                    </button>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <div>
                                        <ul class="ace-thumbnails clearfix">
                                            <li th:each="image : ${pi.records}">
                                                <a th:href="@{'/' + ${image.houseImg}}" data-rel="colorbox">
                                                    <img alt="" th:attr="id=${image.id}"
                                                         th:src="@{'/' + ${image.houseImg}}"
                                                         style="max-height: 150px; max-width: 150px;"/>
                                                    <div class="text" shiro:hasPermission="/houseImage/upload">
                                                        <div class="inner">点击查看大图</div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid" th:replace="common/page"/>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>
<div th:replace="common/layer"/>
<link rel="stylesheet" th:href="@{/css/colorbox.min.css}"/>
<script th:src="@{/js/colorbox/jquery.colorbox.min.js}"></script>
<script th:src="@{/js/colorbox/colorbox.js}"></script>
</body>
</html>
